Adwaita: Use scaled icons for checks and bullets
authorMatthias Clasen <mclasen@redhat.com>
Sat, 28 Oct 2017 19:22:24 +0000 (15:22 -0400)
committerMatthias Clasen <mclasen@redhat.com>
Sat, 28 Oct 2017 19:22:54 +0000 (15:22 -0400)
This gives us crip rendering on hidpi screens.

gtk/theme/Adwaita/_common.scss

index b1d3c9b8dae30663408d86468878b2736ad1f3d4..419853280e30eda93fc69b49118167ddbcb2279a 100644 (file)
@@ -2745,18 +2745,22 @@ radio {
 check {
   border-radius: 3px;
 
-  &:checked { -gtk-icon-source: -gtk-recolor(url("assets/check-symbolic.symbolic.png")); }
+  &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")),
+                                            -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
 
-  &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/dash-symbolic.symbolic.png")); }
+  &:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")),
+                                                  -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
 }
 
 %radio,
 radio {
   border-radius: 100%;
 
-  &:checked { -gtk-icon-source: -gtk-recolor(url("assets/bullet-symbolic.symbolic.png")); }
+  &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")),
+                                            -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
 
-  &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/dash-symbolic.symbolic.png")); }
+  &:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")),
+                                                  -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
 }
 
 // ANIMATION: